<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <!-- <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1, minimum-scale=1"> -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>tachnology_detial</title>
    <link rel="stylesheet" href="static/css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="static/css/animate.min.css" />
    <link rel="stylesheet" href="static/css/common.css" />
    <link rel="stylesheet" href="static/css/style.css" />
    <link rel="stylesheet" href="static/css/product-center.css" />
    <link rel="stylesheet" href="static/css/tachnology_detial.css" />
    <script src="static/js/jQuery.js"></script>
    <script src="static/js/layui.js"></script>
    <script src="static/js/swiper-bundle.min.js"></script>
  </head>

  <body>
    <header class="com-header"></header>
    <script>
      $(function () {
        $('.com-header').load('component/header.html'); //加载导航栏
      });
    </script>
    <main class="tachnology">
      <section class="s1">
        <div class="text W1400">
          <div class="w1400">
            <div class="text1 wow fadeInUp">
              <h1 class="gongye">工业制冷设备常见问题解答</h1>
            </div>
            <div class="text2 wow fadeInUp">
              <a href="#">最佳性能的实用指南</a>
            </div>
          </div>
        </div>
        <div class="img">
          <img src="static/images/banner/jishuwn.jpg" alt="ctmon" />
        </div>
      </section>

      <a href="tachnology.html">
        <div class="problem-s1 w1400">
          <div class="detial-problem-top">
            <div class="common-problem-top-left wow fadeInUp">
              <h3>Q: 制冷效果不佳怎么办？如何解决这个问题呢?</h3>
              <div class="common-problem-top-right">
                <a href="tachnology.html" class="arrow-right"
                  ><img src="static/images/tachnology-detial/youjiantou.png" alt="ctmon"
                /></a>
              </div>
            </div>
            <div class="common-problem-top-botton wow fadeInUp">
              <p class="common-font-size">
                <span>①</span>
                检查温控系统：确认温控器是否准确校准，传感器是否工作正常 <br />
                <span>②</span>
                检查制冷剂：确认制冷剂是否充足，是否存在泄漏。如果制冷剂不足 <br />
                <span>③</span>
                检查冷凝器和蒸发器：清洁冷凝器和蒸发器上的灰尘和污垢，确保热交换效率
                通过上述步骤，通常可以诊断并解决冷水机无法达到设定温度的问题。如果问题依旧存在，建议联系我们专业维修服务进行深入检查和维修
              </p>
            </div>
            <div class="lineone"></div>
            <div class="line-bottom">
              <p class="common-font-size">它解决了你的问题吗？</p>
              <div class="zan-nozan">
                <a href="#" class="zann">
                  <!-- <img src="static/images/tachnology-detial/zan.png" alt="ctmon" /> -->
                  <!-- <img src="static/images/tachnology-detial/zanan.png" alt="ctmon" /> -->
                  <img
                    id="image"
                    src="static/images/tachnology-detial/zanan.png"
                    alt="点击切换图片"
                    onclick="switchImage(true,this)"
                  />
                </a>
                <span class="common-font-size">是的</span>

                <a href="#" class="no-zann">
                  <img
                    id="image1"
                    src="static/images/tachnology-detial/nozan.png"
                    alt="点击切换图片"
                    onclick="switchImage(false,this)"
                  />
                  <!-- <img src="static/images/picture/caihui.png" alt="ctmon" /> -->
                </a>
                <span class="no-zan">没有</span>
              </div>
            </div>
          </div>
        </div>
      </a>
    </main>
    <footer class="com-footer">
      <script>
        $(function () {
          $('.com-footer').load('component/footer.html'); //加载足部
        });
        const images = ['static/images/tachnology-detial/zanan.png', 'static/images/tachnology-detial/zan.png'];
        const images1 = ['static/images/tachnology-detial/nozan.png', 'static/images/tachnology-detial/cailiang.png'];
        let currentIndex = 0;

        function switchImage(flag, this_) {
          if (flag) {
            //点击 "是的"
            if (this_.src.indexOf('zanan.png') != -1) {
              //如果当前图片是未点赞的
              this_.src = images[1];
            } else {
              this_.src = images[0];
            }
            $('#image1').attr('src', images1[0]);
          } else {
            if (this_.src.indexOf('nozan.png') != -1) {
              //如果当前图片是未点赞的
              this_.src = images1[1];
            } else {
              this_.src = images1[0];
            }
            $('#image').attr('src', images[0]);
          }

          // 更新当前图片的索引
          // currentIndex = (currentIndex + 1) % images.length;
          // // 切换图片
          // document.getElementById('image').src = images[currentIndex];
        }
      </script>
    </footer>
    <script src="./static/js/wow.js"></script>
    <script src="./static/js/public.js"></script>
  </body>
</html>
